@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
body {font-family:Helvetia, Arial, sans-serif; font-size:12px; background-color:#FFF; color:#000;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:none; color:#537f18; text-decoration:underline;}
img {border:0;}
ul {list-style:none;}
#wrap {width:950px; margin:0 auto; position:relative; overflow:hidden; z-index:0;}
#logo {width:156px; height:149px; margin:20px 0 0 6px; background:url("../images/logo.gif") no-repeat;}
#flashBox {width:910px; height:363px; }
#leftBox {width:210px; float:left;}
#rightBox {width:700px; float:right;}
#navBox {width:210px; margin-top:65px;}
#navBox a, #navBox span {width:210px; height:26px; background:url("../images/symbol.png") no-repeat; display:block;}
#navBox span#sTab41 {height:29px; background-position:-534px 0;}
#navBox span#sTab31 {height:30px; background-position:-534px -29px;}
#navBox span#sTab32 {height:29px; background-position:-534px -59px;}
#navBox span#sTab33 {height:33px; background-position:-534px -88px;}


a#nTab1 {background-position:0 0;}
a#nTab2 {background-position:0 -28px;}
a#nTab3 {background-position:0 -55px;}
a#nTab4 {background-position:0 -83px;}
a#nTab5 {background-position:0 -113px;}
a#nTab1:hover, span#sTab1 {background-position:-293px 0px;}
a#nTab2:hover, span#sTab2 {background-position:-293px -28px;}
a#nTab3:hover, span#sTab3 {background-position:-293px -55px;}
a#nTab4:hover, span#sTab4 {background-position:-293px -83px;}
a#nTab5:hover, span#sTab5 {background-position:-293px -113px;}
#triangle {width:125px; height:111px; background:url("../images/symbol.png") 0 -168px no-repeat; position:absolute; top:0; right:0px;}
.line1 {background-color:#f17971; height:2px; margin-top:70px; width:600px;}
#videoBox {clear:both; overflow:hidden; height:430px; position:relative;}
.vidoeBox {clear:both; overflow:hidden; height:430px; position:relative;}
.tab {width:100%; overflow:hidden; margin:10px 0 10px 0;}
.tab ul{}
.tab ul li {width:148px; float:left; margin-right:2px; text-align:center; color:#e71f12; font-size:14px; font-weight:700; height:29px; background-color:#989898; line-height:29px; cursor:pointer;}
.tab ul li.on {color:#FFF; background-color:#e71f12; cursor:default;}
#tb2, #tb3, #tb4 {display:none;}
.videoItem {clear:both; overflow:hidden;}
.videoImg {background:url("../images/symbol.png") -135px -168px no-repeat; height:155px; width:232px; float:left;}
.videoImg img {margin:38px 0 0 3px;}
.videoTxt {width:356px; float:left; margin-left:8px;}
.videoTxt h2 {font-size:18px; padding-left:15px;}
.videoTxt h3 {padding-left:17px; color:#FFF; background-color:#e71f12; margin-bottom:2px; font-size:12px; font-weight:400; line-height:20px; display:block;}
.pr {margin-bottom:16px;}
.line2 {height:2px; margin:25px 0 25px 0; width:595px; background:url("../images/symbol.png") 0 -158px no-repeat;}
#openBtn {width:143px; height:119px; background:url("../images/btri.png") no-repeat; position:absolute; bottom:0; left:0; cursor:pointer;}
#clBtn {width:143px; height:119px; background:url("../images/btri2.png") no-repeat; position:absolute; top:0; right:0; cursor:pointer;}
#nextBtn {width:37px; height:37px; display:block; background:url("../images/symbol.png") 0 -371px no-repeat; position:absolute; top:248px; right:0;}
#foot {width:100%; height:145px; background:url("../images/foot.jpg") repeat-x; position:absolute; bottom:0px; left:0;}
#foot2 {width:100%; height:35px; background:url("../images/foot2.jpg") repeat-x; position:absolute; bottom:0; left:0;}
#videoBox2 {clear:both; margin:14px auto 0; width:950px; position:relative;}
ul#mycarousel2 li {width:117px; height:92px; float:left; background:url("../images/symbol.png") -135px -333px no-repeat; margin-right:16px; position:relative;}
ul#mycarousel2 li p {text-indent:12px; color:#FFF; font-size:12px;}
ul#mycarousel2 li img {padding:2px 0 0 2px;}
ul#mycarousel2 li span {width:24px; height:23px; float:left; background:url("../images/tri.png") no-repeat; position:absolute; top:0px; right:0px;}
#sinaBtn {width:90px; height:25px; display:block; background:url("../images/symbol.png") -308px -333px no-repeat; position:absolute; bottom:6px; right:160px;}
#yokuBtn {width:110px; height:25px; display:block; background:url("../images/symbol.png") -418px -333px no-repeat; position:absolute; bottom:6px; right:40px;}
#playerBox { width:100%; height:100%; background:#000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; position:fixed; left:0; top:0; text-align:center; display:none;}
#playerF {width:560px; height:450px; position:absolute; left:50%; top:100px; margin-left:-280px; display:none;}
#player {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; background-color:#000;}
#closeBtn {width:60px; height:25px; background-color:#e71f12; float:right; text-align:center;}
#closeBtn a {line-height:25px; color:#FFF; text-indent:none;}
#closeBtn a:hover {text-decoration:none;}
.pageNum {width:210px; height:22px; position:absolute; bottom:0; right:0px;}             
.pageNum a {width:22px; height:22px; line-height:22px; color:#000; text-decoration:none; font-size:16px; display:block; float:left; margin-right:2px; text-align:center;}
.pageNum a:hover {color:#FFF; background:url("../images/symbol.png") 0 -435px no-repeat;}
.pageNum span {float:left; text-align:center; width:22px; height:22px; font-size:16px; line-height:22px;}
.pageNum span.current {color:#FFF; background:url("../images/symbol.png") 0 -435px no-repeat; display:block; }
.pageNum a.pre {background:url("../images/symbol.png") -22px -437px no-repeat; margin-right:5px;}
.pageNum a.next {background:url("../images/symbol.png") -44px -437px no-repeat; margin-left:5px;}
.dBox {clear:both; overflow:hidden; position:relative; margin-top:20px;}
.dImg {height:179px; width:170px; float:left; margin-right:20px;}
.videoTxt p {height:110px;}
.intro1 {width:614px; height:345px; background:url("../images/intro1.gif") 0 0 no-repeat; margin-top:30px;}
.mapBox {width:523px; height:426px; background:url("../images/map.jpg") 0 0 no-repeat; margin-top:30px;}





.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-container-vertical {
clear:both; margin-top:28px; overflow:hidden; height:400px; position:relative; width:100%;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:100%; overflow:hidden; margin-top:20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 798px;
    height: 120px;
	position:absolute;
	left:56px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100%;
    height: 420px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100%;
    height: 210px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
width:37px; height:37px; display:block; background:url("../images/symbol.png") 0 -371px no-repeat; position:absolute; top:248px; right:0; cursor:pointer;}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: -42px -371px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: -42px -371px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: -82px -371px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
width:37px; height:37px; display:block; background:url("../images/symbol.png") 0 -333px no-repeat; position:absolute; top:165px; right:0; cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: -42px -333px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: -42px -333px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: -82px -333px;
}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
width:34px; height:52px; display:block; background:url("../images/symbol.png") -447px -164px no-repeat; position:absolute; top:20px; right:45px; cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -447px -226px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -447px -164px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -550px -164px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
width:34px; height:52px; display:block; background:url("../images/symbol.png") -398px -164px no-repeat; position:absolute; top:20px; left:0px; cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -398px -226px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -398px -164px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -501px -164px;
}




